@charset "UTF-8";
/*
 * author: ceet --- ceet@vip.qq.com
 * date: 2019.11.18
 * lastUpdateDate: 2019.11.18
 * description: sass是一种预编译CSS的快捷工具，能迅速提高我们的开发效率，节省时间和成本等等.
 */
/*
 * author: ceet --- ceet@vip.qq.com
 * date: 2019.11.18
 * lastUpdateDate: 2019.11.18
 * description: sass是一种预编译CSS的快捷工具，能迅速提高我们的开发效率，节省时间和成本等等.
 */
/** css reset start */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
ul,
ol,
pre,
form,
input,
textarea,
th,
td,
select {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei"; }

strong,
em {
  font-weight: normal;
  font-style: normal; }

li {
  list-style: none; }

a {
  text-decoration: none; }

img {
  border: 0 none;
  vertical-align: top; }

table {
  border-collapse: collapse; }

textarea {
  resize: none;
  overflow: auto;
  outline: none; }

/** css reset end */
/** css clearfix start */
.clearfix:before,
.clearfix:after {
  display: table;
  content: ''; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/** css clearfix end */
/** css public start */
.fl {
  float: left; }

.fr {
  float: right; }

/** css public end */
@media screen and (max-width: 1921px) {
  body,
  html {
    height: 100%;
    overflow: hidden; }

  body {
    background-color: #fff;
    font-family: "Microsoft YaHei";
    position: relative; }

  /** 通用的样式 start */
  .comWidth {
    width: 1200px;
    margin: 0 auto; }

  /** 头部右上方酷炫的下拉菜单效果 start */
  .T3D {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }

  .P800 {
    -ms-perspective: 800px;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }

  /** 头部右上方酷炫的下拉菜单效果 end */
  /** 通用的样式 end */
  #app {
    height: 100%;
    position: relative;
    z-index: 1;
    /** 头部通用样式 start */
    /** 头部通用样式 end */
    /** 核心内容区域 start */
    /** 核心内容区域 end */
    /** 滚屏的圆点 start */
    /** 滚屏的圆点 end */
    /** 右侧下方的内容 start */
    /** 右侧下方的内容 end */
    /** loading区域 start */
    /** CSS3关键帧 start */
    /** CSS3关键帧 end */
    /** loading区域 end */
    /** 箭头 start */
    /** 我的关键帧 start */
    /** 我的关键帧 end */
    /** 箭头 end */ }
    #app .commonHeader {
      position: fixed;
      top: 0;
      z-index: 1001;
      width: 100%;
      height: 86px;
      background-color: rgba(0, 0, 0, 0.5); }
      #app .commonHeader .centerCont {
        /** logo区域 start */
        /** logo区域 end */
        /** 头部导航菜单区域 start */
        /** 头部导航菜单区域 end */ }
        #app .commonHeader .centerCont .logo {
          padding-top: 18px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box; }
          #app .commonHeader .centerCont .logo h1 a {
            display: block; }
            #app .commonHeader .centerCont .logo h1 a img {
              width: 148px;
              height: 50px; }
        #app .commonHeader .centerCont .nav {
          position: relative;
          z-index: 2;
          margin-left: 132px; }
          #app .commonHeader .centerCont .nav ul li {
            float: left;
            height: 86px;
            position: relative;
            z-index: 2;
            letter-spacing: 1px;
            margin: 0 20px;
            /** css3的下划线向两边展开的效果 */
            /** &:after {
            	content: "";
            	width: 0;
            	height: 4px;
            	background-color: #f1c70a;
            	position: absolute;
            	top: 95%;
            	left: 50%;
            	z-index: 2;
            	transition: .5s all;
            	-webkit-transition: .5s all;
            }
             
            &.active:after,
            &:hover:after {
            	left: 0%;
            	width: 100%;
            } */ }
            #app .commonHeader .centerCont .nav ul li a {
              float: left;
              font-weight: normal;
              font-size: 18px;
              line-height: 86px;
              color: #ededed; }
              #app .commonHeader .centerCont .nav ul li a .up {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                color: #f1c70a;
                width: 0%;
                overflow: hidden;
                transition: .5s width;
                -webkit-transition: .5s width;
                /** 强制文本不换行 start */
                white-space: nowrap;
                /** 强制文本不换行 end */ }
          #app .commonHeader .centerCont .nav .line {
            /** 动态设置宽度 start */
            /** width: 20px; */
            /** 动态设置宽度 end */
            height: 4px;
            background-color: #f1c70a;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            transition: .5s left;
            -webkit-transition: .5s left; }
    #app .coreCont {
      width: 100%;
      position: relative;
      overflow: hidden; }
      #app .coreCont .screList {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        width: 100%;
        transition: .5s top;
        -webkit-transition: .5s top;
        /** 第一屏 - 首页 start */
        /** 第一屏 - 首页 end */
        /** 第二屏 - 公司文化 start */
        /** 第二屏 - 公司文化 end */
        /** 第三屏 - 求职招聘 start */
        /** 第三屏 - 求职招聘 end */
        /** 第四屏 - 关于我们 start */
        /** 第四屏 - 关于我们 end */
        /** 第五屏 - 联系我们 start */
        /** 第五屏 - 联系我们 end */ }
        #app .coreCont .screList .commonS {
          width: 100%;
          height: 100%;
          position: relative; }
          #app .coreCont .screList .commonS:nth-of-type(1) {
            /** 这个是大图的轮播图区域 start */
            /** 这个是大图的轮播图区域 end */ }
          #app .coreCont .screList .commonS:nth-of-type(2) {
            background: url(../images/bg_culture.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
          #app .coreCont .screList .commonS:nth-of-type(3) {
            background: url(../images/bg_pos.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
          #app .coreCont .screList .commonS:nth-of-type(4) {
            background: url(../images/bg_about.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
          #app .coreCont .screList .commonS:nth-of-type(5) {
            background: url(../images/bg_contact.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
        #app .coreCont .screList .oneScreen {
          /** 第一屏banner大图 start */
          /** 第一屏banner大图 end */ }
          #app .coreCont .screList .oneScreen .myBPic {
            /** .mark {
            	cursor: pointer;
            	div {
            		position: absolute;
            		left: 0;
            		top: 0;
            		z-index: 1000;
            		width: 50%;
            		height: 100%;
            		filter: alpha( opacity = 0 );
            		opacity: 0;
            	}
            	.mark_left {
            		background-color: #f00;
            	}
            	
            	.mark_right {
            		left: 50%;
            		background-color: #0000ED;
            	}
            } */ }
            #app .coreCont .screList .oneScreen .myBPic .myBanner ul {
              position: absolute;
              left: 0;
              top: -100px;
              z-index: 2;
              transition: .6s all;
              -webkit-transition: .6s all;
              filter: alpha(opacity=0);
              opacity: 0; }
              #app .coreCont .screList .oneScreen .myBPic .myBanner ul li {
                float: left; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(1) {
                  background: url(../images/banner1.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(2) {
                  background: url(../images/banner2.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(3) {
                  background: url(../images/banner3.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(4) {
                  background: url(../images/banner4.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
            #app .coreCont .screList .oneScreen .myBPic .myBtn a {
              position: absolute;
              top: 50%;
              z-index: 1009;
              width: 66px;
              height: 66px;
              background-size: 66px 400px;
              text-indent: -999999em;
              filter: alpha(opacity=0);
              opacity: 0;
              margin-top: -33px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(1) {
                left: 33px;
                background: url(../images/icon_ico.png) no-repeat 0 -80px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(1):hover {
                background: url(../images/icon_ico.png) no-repeat 0 -150px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(2) {
                right: 33px;
                background: url(../images/icon_ico.png) no-repeat 0 -10px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(2):hover {
                background: url(../images/icon_ico.png) no-repeat 0 -223px; }
            #app .coreCont .screList .oneScreen .myBPic .myNav {
              position: absolute;
              left: 50%;
              bottom: 0;
              z-index: 3;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              filter: alpha(opacity=0);
              opacity: 0; }
              #app .coreCont .screList .oneScreen .myBPic .myNav ul li {
                float: left;
                width: 56px;
                height: 6px;
                background-color: #7d7d7d;
                margin-right: 20px;
                cursor: pointer; }
                #app .coreCont .screList .oneScreen .myBPic .myNav ul li a {
                  float: left;
                  width: 0px;
                  height: 100%;
                  background-color: #f1c70a; }
                #app .coreCont .screList .oneScreen .myBPic .myNav ul li:last-of-type {
                  margin-right: 0; }
        #app .coreCont .screList .twoScreen {
          width: 100%;
          overflow: hidden;
          text-align: center; }
          #app .coreCont .screList .twoScreen .twoCenter .generalizations .title {
            position: absolute;
            left: 50%;
            top: 100%;
            filter: alpha(opacity=0);
            opacity: 0;
            transition: .6s top;
            -webkit-transition: .6s top;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%); }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .title h1 {
              font-weight: bold;
              font-size: 56px;
              line-height: 88px;
              font-family: "Microsoft YaHei";
              color: #ee881d; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .title span {
              font-weight: normal;
              font-size: 24px;
              font-family: "Microsoft YaHei";
              color: #868686; }
          #app .coreCont .screList .twoScreen .twoCenter .generalizations .introduction {
            padding: 0 40px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .introduction p {
              width: 1120px;
              position: absolute;
              top: -100%;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s top;
              -webkit-transition: .6s top;
              font-weight: normal;
              font-size: 24px;
              line-height: 40px;
              font-family: "Microsoft YaHei";
              color: #000; }
          #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept {
            width: 100%;
            text-align: left;
            position: relative; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:first-of-type h2 {
              position: absolute;
              left: 100%;
              top: 400px;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:first-of-type p {
              position: absolute;
              left: -100%;
              top: 450px;
              width: 800px;
              filter: alpha(opacity=100);
              opacity: 100;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:last-of-type h2 {
              position: absolute;
              left: -100%;
              top: 520px;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:last-of-type p {
              position: absolute;
              left: 400px;
              top: 570px;
              width: 800px;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow h2 {
              font-weight: normal;
              font-size: 30px;
              line-height: 50px;
              font-family: "Microsoft YaHei";
              color: #ef881d; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow p {
              font-weight: normal;
              font-size: 20px;
              line-height: 30px;
              font-family: "Microsoft YaHei";
              color: #000; }
        #app .coreCont .screList .threeScreen {
          width: 100%;
          overflow: hidden;
          zoom: 1; }
          #app .coreCont .screList .threeScreen .threeCenter {
            position: absolute;
            left: 50%;
            top: -100%;
            z-index: 1;
            width: 1000px;
            height: 560px;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 10px;
            margin: 0 auto;
            transition: .6s all;
            -webkit-transition: .6s all;
            filter: alpha(opacity=0);
            opacity: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%); }
            #app .coreCont .screList .threeScreen .threeCenter .joinUs {
              height: 560px;
              padding: 47px 15px;
              box-sizing: border-box;
              -webkit-box-sizing: border-box;
              position: relative;
              overflow: hidden; }
              #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn {
                position: absolute;
                left: 100%;
                top: 47px;
                z-index: 3;
                float: left;
                width: 150px;
                height: 466px;
                margin-right: 15px;
                transition: .6s left;
                -webkit-transition: .6s left;
                filter: alpha(opacity=0);
                opacity: 0; }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn a {
                  display: block;
                  width: 130px;
                  height: 40px;
                  border-radius: 30px;
                  font-weight: normal;
                  font-size: 18px;
                  line-height: 40px;
                  font-family: "Microsoft YaHei";
                  color: #fff;
                  text-align: center;
                  position: relative;
                  z-index: 2; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn a:last-of-type {
                    top: 20px; }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn span {
                  position: absolute;
                  left: 0;
                  top: 0;
                  z-index: 1;
                  display: block;
                  width: 130px;
                  height: 40px;
                  text-indent: -999999em;
                  background-color: #595a5c;
                  border-radius: 30px; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn span::after {
                    content: '';
                    position: absolute;
                    right: -26px;
                    top: 14px;
                    width: 13px;
                    height: 13px;
                    border-radius: 50%;
                    background-color: #fff; }
              #app .coreCont .screList .threeScreen .threeCenter .joinUs .dividingLine {
                float: left;
                position: absolute;
                left: 164px;
                top: 100%;
                z-index: 2;
                width: 1px;
                height: 466px;
                background: url(../images/line.png) no-repeat right center;
                background-size: 1px 466px;
                text-indent: -999999em;
                filter: alpha(opacity=0);
                opacity: 0;
                transition: .6s top;
                -webkit-transition: .6s top; }
              #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont {
                position: absolute;
                left: -100%;
                z-index: 3;
                float: left;
                width: 802px;
                filter: alpha(opacity=0);
                opacity: 0;
                transition: .6s left;
                -webkit-transition: .6s left;
                /** 求职招聘分页器版块 start */
                /** .page {
                	position: absolute;
                	left: 50%;
                	bottom: -48px;
                	z-index: 99;
                	text-align: center;
                	width: 100%;
                	transform: translateX(-50%);
                	-webkit-transform: translateX(-50%);
                	a {
                		display: inline-block;
                		width: 32px;
                		height: 32px;
                		background-color: #a09fa0;
                		border-radius: 50%;
                		font-weight: normal;
                		font-size: 16px;
                		line-height: 32px;
                		color: #000;
                		margin-right: 15px;
                		&:last-of-type {
                			margin-right: 0;
                		}
                		
                		&.active {
                			background-color: #e7bf0b;
                			color: #fff;
                		}
                	}
                } */
                /** 求职招聘分页器版块 end */ }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC {
                  display: none;
                  position: relative;
                  z-index: 2;
                  filter: alpha(opacity=0);
                  opacity: 0;
                  /** 自定义滚动条 start */
                  /** 自定义滚动条 end */ }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC #scrollBar {
                    position: absolute;
                    right: -18px;
                    top: 0;
                    z-index: 22;
                    width: 8px;
                    height: 100%;
                    border-radius: 6px;
                    background-color: transparent; }
                    #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC #scrollBar #bar {
                      position: absolute;
                      top: 0;
                      left: 0;
                      z-index: 3;
                      width: 8px;
                      height: 72px;
                      border-radius: 6px;
                      background-color: #fff;
                      cursor: pointer; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont {
                    height: 466px;
                    overflow: hidden;
                    position: relative; }
                    #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos {
                      position: absolute;
                      left: 0;
                      top: -2px;
                      z-index: 1;
                      width: 802px; }
                      #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li {
                        margin-bottom: 10px;
                        padding: 0 20px;
                        box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        /** a {
                        	padding: 0 22px 0 0;
                        	box-sizing: border-box;
                        	-webkit-box-sizing: border-box;
                        	font-weight: normal;
                        	font-size: 16px;
                        	line-height: 36px;
                        	color: #f1c70a;
                        	font-family: "Microsoft YaHei";
                        	width: 16px;
                        	height: 8px;
                        	background: url(../images/arrow_down.png) no-repeat right center;
                        	background-size: 16px 8px;
                        	
                        	&.up {
                        		background-image: url(../images/arrow_up.png);
                        		background-size: 16px 8px;
                        	}
                        } */
                        /** 局部样式调整 start */
                        /** 局部样式调整 end */ }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li h1 {
                          font-weight: normal;
                          font-size: 20px;
                          font-family: "Microsoft YaHei";
                          color: #f1c70a;
                          margin-bottom: 8px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc {
                          width: 936px; }
                          #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item {
                            float: left;
                            margin-right: 170px; }
                            #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item label,
                            #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item strong {
                              font-weight: normal;
                              font-size: 16px;
                              line-height: 30px;
                              font-family: "Microsoft YaHei";
                              color: #fff; }
                            #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item:nth-of-type(4) {
                              margin-right: 186px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .jobRequirements h2 {
                          font-weight: normal;
                          font-size: 18px;
                          line-height: 32px;
                          font-family: "Microsoft YaHei";
                          color: #fff; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .jobRequirements ul li {
                          font-weight: normal;
                          font-size: 16px;
                          line-height: 30px;
                          font-family: "Microsoft YaHei";
                          color: #fff; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li:nth-of-type(5) .myPosDesc .item:nth-of-type(2) {
                          margin-right: 162px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li:nth-of-type(5) .myPosDesc .item:nth-of-type(4) {
                          margin-right: 154px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li:nth-of-type(1) {
                          padding-top: 0; }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc {
                  padding: 0 0 0 10px;
                  box-sizing: border-box;
                  -webkit-box-sizing: border-box; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc h1 {
                    font-weight: normal;
                    font-size: 24px;
                    line-height: 32px;
                    font-family: "Microsoft YaHei";
                    color: #fff; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc h2 {
                    font-weight: normal;
                    font-size: 20px;
                    line-height: 40px;
                    font-family: "Microsoft YaHei";
                    color: #fff; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc .welfare ul li {
                    font-weight: normal;
                    font-size: 16px;
                    line-height: 30px;
                    font-family: "Microsoft YaHei";
                    color: #fff; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc .address {
                    margin-top: 30px; }
                    #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc .address ol li {
                      font-weight: normal;
                      font-size: 16px;
                      line-height: 30px;
                      font-family: "Microsoft YaHei";
                      color: #fff; }
        #app .coreCont .screList .fourScreen .item {
          width: 100%;
          text-align: center; }
          #app .coreCont .screList .fourScreen .item .item_box {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transition: .6s top;
            -webkit-transition: .6s top;
            filter: alpha(opacity=0);
            opacity: 0; }
            #app .coreCont .screList .fourScreen .item .item_box h2 {
              font-weight: normal;
              font-size: 20px;
              line-height: 30px;
              font-family: "Microsoft YaHei";
              color: #fff; }
            #app .coreCont .screList .fourScreen .item .item_box p {
              font-weight: normal;
              font-size: 28px;
              font-family: "Microsoft YaHei";
              color: #ffd20d; }
            #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(1) {
              top: 35.5%; }
            #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(2) {
              /** top: 526px; */ }
              #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(2) p {
                line-height: 42px; }
            #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(3) {
              /** top: 732px; */ }
        #app .coreCont .screList .fiveScreen .contactUs {
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -75px 0 0 -600px;
          height: 150px;
          padding: 0 100px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box; }
          #app .coreCont .screList .fiveScreen .contactUs img {
            position: absolute;
            left: 100px;
            top: 100%;
            z-index: 1;
            width: 150px;
            height: 150px;
            filter: alpha(opacity=100);
            oacity: 1; }
          #app .coreCont .screList .fiveScreen .contactUs .addr {
            position: absolute;
            left: 300px;
            top: 100%;
            z-index: 1; }
            #app .coreCont .screList .fiveScreen .contactUs .addr strong {
              position: relative;
              top: -10px;
              font-weight: normal;
              font-size: 28px;
              font-family: "Microsoft YaHei";
              color: #f7b70f; }
            #app .coreCont .screList .fiveScreen .contactUs .addr h1,
            #app .coreCont .screList .fiveScreen .contactUs .addr p,
            #app .coreCont .screList .fiveScreen .contactUs .addr span {
              font-weight: normal;
              font-size: 20px;
              line-height: 40px;
              font-family: "Microsoft YaHei";
              color: #666; }
          #app .coreCont .screList .fiveScreen .contactUs .qt {
            margin-top: 36px;
            position: absolute;
            right: 96px;
            top: 100%;
            z-index: 1; }
            #app .coreCont .screList .fiveScreen .contactUs .qt span {
              display: block;
              font-weight: normal;
              font-size: 20px;
              line-height: 40px;
              font-family: "Microsoft YaHei";
              color: #666; }
    #app .screenCircle {
      position: absolute;
      left: 13px;
      top: 50%;
      z-index: 90;
      margin: -46px 0 0 0; }
      #app .screenCircle a {
        display: block;
        width: 12px;
        height: 12px;
        background-color: #999;
        border-radius: 50%;
        text-indent: -999999em;
        margin-bottom: 10px; }
        #app .screenCircle a.active {
          background-color: #fcda06; }
        #app .screenCircle a:last-of-type {
          margin-bottom: 0; }
    #app .myFooter {
      position: fixed;
      right: 0;
      bottom: 0;
      z-index: 1002; }
      #app .myFooter .myFooterBtn a {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 2px;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        font-family: "Microsoft YaHei";
        color: #fff;
        text-align: center;
        background-color: #fff;
        padding-top: 7px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative;
        z-index: 100; }
        #app .myFooter .myFooterBtn a:first-of-type span {
          position: absolute;
          left: 7px;
          top: 9px;
          z-index: 3;
          width: 35px;
          height: 32px; }
          #app .myFooter .myFooterBtn a:first-of-type span.active {
            background: url(../images/seek_ico.png) no-repeat 0 -40px;
            background-size: 35px 70px; }
          #app .myFooter .myFooterBtn a:first-of-type span.noActive {
            background-image: transparent; }
        #app .myFooter .myFooterBtn a:last-of-type span {
          position: absolute;
          left: 7px;
          top: 10px;
          z-index: 3;
          width: 35px;
          height: 30px; }
          #app .myFooter .myFooterBtn a:last-of-type span.active {
            background: url(../images/seek_ico.png) no-repeat 0 0;
            background-size: 35px 70px; }
          #app .myFooter .myFooterBtn a:last-of-type span.noActive {
            background-image: transparent; }
      #app .myFooter .myCont {
        position: relative; }
        #app .myFooter .myCont .zeek {
          width: 140px;
          height: 167px;
          position: absolute;
          right: 50px;
          /** 0 - -158px */
          bottom: -158px;
          background-color: #face09;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          filter: alpha(opacity=0);
          opacity: 0; }
          #app .myFooter .myCont .zeek img {
            position: absolute;
            left: 20px;
            top: 17px;
            z-index: 10;
            width: 100px;
            height: 100px; }
        #app .myFooter .myCont .ky-zeek strong {
          position: absolute;
          /** rgiht: -140px - 50 */
          right: -140px;
          bottom: 0;
          z-index: 2;
          width: 140px;
          height: 50px;
          white-space: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 50px;
          font-family: "Microsoft YaHei";
          color: #fff;
          background-color: #face09;
          text-align: center;
          filter: alpha(opacity=0);
          opacity: 0;
          letter-spacing: 1px; }
        #app .myFooter .myCont .phone {
          position: absolute;
          /** -128 - 50 */
          right: -128px;
          bottom: 50px;
          z-index: 9;
          width: 140px;
          padding: 0 0 0 8px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          background-color: #face09;
          filter: alpha(opacity=0);
          opacity: 0; }
          #app .myFooter .myCont .phone a {
            white-space: nowrap;
            font-weight: normal;
            font-size: 18px;
            line-height: 50px;
            font-family: "Microsoft YaHei";
            color: #fff; }
    #app .myMask {
      width: 100%;
      height: 100%; }
      #app .myMask div {
        position: absolute;
        left: 0;
        z-index: 1002;
        width: 100%;
        height: 50%;
        transition: 1s;
        -webkit-transition: 1s;
        background-color: #f3e0b0; }
        #app .myMask div:first-of-type {
          top: 0; }
        #app .myMask div:last-of-type {
          bottom: 0; }
    #app .loading {
      /** 通过calc来实现绝对居中 start */
      position: absolute;
      left: calc(50% - 60px);
      top: calc(50% - 70px);
      z-index: 1003;
      /** 通过calc来实现绝对居中 end */
      width: 120px;
      height: 140px; }
      #app .loading .pic {
        width: 120px;
        height: 100px;
        background: url(../images/loading1.png) no-repeat;
        position: relative;
        animation: 1s translateY infinite alternate linear;
        -webkit-animation: 1s translateY infinite alternate linear; }
        #app .loading .pic div {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 991;
          width: 120px;
          height: 100px; }
        #app .loading .pic .pic2 {
          background: url(../images/loading2.png) no-repeat;
          animation: 1s rotate1 infinite linear;
          -webkit-animation: 1s rotate1 infinite linear; }
        #app .loading .pic .pic3 {
          background: url(../images/loading3.png) no-repeat;
          animation: 1s rotate2 infinite linear;
          -webkit-animation: 1s rotate2 infinite linear; }
        #app .loading .pic .text {
          font-weight: normal;
          font-size: 18px;
          line-height: 100px;
          font-family: "Microsoft YaHei";
          color: #f1c70a;
          text-align: center; }
      #app .loading .shadow {
        width: 100px;
        height: 40px;
        margin: 0 auto;
        background: radial-gradient(contain, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        background: -webkit-radial-gradient(contain, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        -webkit-transform: scale(0.8);
        opacity: .5;
        filter: alpha(opacity=50);
        animation: 1s shadow infinite alternate linear;
        -webkit-animation: 1s shadow infinite alternate linear; }
  @-webkit-keyframes rotate1 {
    0% {
      -webkit-transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(-360deg); } }
  @keyframes rotate1 {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(-360deg); } }
  @-webkit-keyframes rotate2 {
    0% {
      -webkit-transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg); } }
  @keyframes rotate2 {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(360deg); } }
  @-webkit-keyframes translateY {
    0% {
      -webkit-transform: translateY(0px); }
    100% {
      -webkit-transform: translateY(7px); } }
  @keyframes translateY {
    0% {
      transform: translateY(0px); }
    100% {
      transform: translateY(7px); } }
  @-webkit-keyframes shadow {
    0% {
      -webkit-transform: scale(0.8);
      filter: alpha(opacity=50);
      opacity: .5; }
    100% {
      -webkit-transform: scale(1);
      filter: alpha(opacity=100);
      opacity: 1; } }
  @keyframes shadow {
    0% {
      transform: scale(0.8);
      filter: alpha(opacity=50);
      opacity: .5; }
    100% {
      transform: scale(1);
      filter: alpha(opacity=100);
      opacity: 1; } }
    #app .myArrow {
      position: absolute;
      left: calc( 50% - 30px );
      bottom: 80px;
      z-index: 9876543;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      filter: alpha(opacity=0);
      opacity: 0;
      transition: .6s bottom;
      -webkit-transition: .6s bottom; }
      #app .myArrow a {
        position: absolute;
        left: 15px;
        top: 12px;
        z-index: 9876544;
        display: block;
        width: 30px;
        height: 30px;
        background: url(../images/arrow_ico.png) no-repeat;
        background-size: 30px 30px;
        text-indent: -999999em;
        filter: alpha(opacity=0);
        opacity: 0;
        animation: 1s arrowMoveDown infinite;
        -webkit-animation: 1s arrowMoveDown infinite; }
  @-webkit-keyframes arrowMoveUp {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translate(0, -8px); } }
  @keyframes arrowMoveUp {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      transform: translate(0, -8px); } }
  @-webkit-keyframes arrowMoveDown {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translate(0, 8px); } }
  @keyframes arrowMoveDown {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translate(0, 8px); } } }
@media screen and (min-width: 1921px) {
  body,
  html {
    height: 100%;
    overflow: hidden; }

  body {
    background-color: #fff;
    font-family: "Microsoft YaHei";
    position: relative; }

  /** 通用的样式 start */
  .comWidth {
    width: 1200px;
    margin: 0 auto; }

  /** 头部右上方酷炫的下拉菜单效果 start */
  .T3D {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }

  .P800 {
    -ms-perspective: 800px;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }

  /** 头部右上方酷炫的下拉菜单效果 end */
  /** 通用的样式 end */
  #app {
    height: 100%;
    position: relative;
    z-index: 1;
    /** 头部通用样式 start */
    /** 头部通用样式 end */
    /** 核心内容区域 start */
    /** 核心内容区域 end */
    /** 滚屏的圆点 start */
    /** 滚屏的圆点 end */
    /** 右侧下方的内容 start */
    /** 右侧下方的内容 end */
    /** loading区域 start */
    /** CSS3关键帧 start */
    /** CSS3关键帧 end */
    /** loading区域 end */
    /** 箭头 start */
    /** 我的关键帧 start */
    /** 我的关键帧 end */
    /** 箭头 end */ }
    #app .commonHeader {
      position: fixed;
      top: 0;
      z-index: 1001;
      width: 100%;
      height: 86px;
      background-color: rgba(0, 0, 0, 0.5); }
      #app .commonHeader .centerCont {
        /** logo区域 start */
        /** logo区域 end */
        /** 头部导航菜单区域 start */
        /** 头部导航菜单区域 end */ }
        #app .commonHeader .centerCont .logo {
          padding-top: 18px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box; }
          #app .commonHeader .centerCont .logo h1 a {
            display: block; }
            #app .commonHeader .centerCont .logo h1 a img {
              width: 148px;
              height: 50px; }
        #app .commonHeader .centerCont .nav {
          position: relative;
          z-index: 2;
          margin-left: 132px; }
          #app .commonHeader .centerCont .nav ul li {
            float: left;
            height: 86px;
            position: relative;
            z-index: 2;
            letter-spacing: 1px;
            margin: 0 20px;
            /** css3的下划线向两边展开的效果 */
            /** &:after {
            	content: "";
            	width: 0;
            	height: 4px;
            	background-color: #f1c70a;
            	position: absolute;
            	top: 95%;
            	left: 50%;
            	z-index: 2;
            	transition: .5s all;
            	-webkit-transition: .5s all;
            }
             
            &.active:after,
            &:hover:after {
            	left: 0%;
            	width: 100%;
            } */ }
            #app .commonHeader .centerCont .nav ul li a {
              float: left;
              font-weight: normal;
              font-size: 18px;
              line-height: 86px;
              color: #ededed; }
              #app .commonHeader .centerCont .nav ul li a .up {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                color: #f1c70a;
                width: 0%;
                overflow: hidden;
                transition: .5s width;
                -webkit-transition: .5s width;
                /** 强制文本不换行 start */
                white-space: nowrap;
                /** 强制文本不换行 end */ }
          #app .commonHeader .centerCont .nav .line {
            /** 动态设置宽度 start */
            /** width: 20px; */
            /** 动态设置宽度 end */
            height: 4px;
            background-color: #f1c70a;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            transition: .5s left;
            -webkit-transition: .5s left; }
    #app .coreCont {
      width: 100%;
      position: relative;
      overflow: hidden; }
      #app .coreCont .screList {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        width: 100%;
        transition: .5s top;
        -webkit-transition: .5s top;
        /** 第一屏 - 首页 start */
        /** 第一屏 - 首页 end */
        /** 第二屏 - 公司文化 start */
        /** 第二屏 - 公司文化 end */
        /** 第三屏 - 求职招聘 start */
        /** 第三屏 - 求职招聘 end */
        /** 第四屏 - 关于我们 start */
        /** 第四屏 - 关于我们 end */
        /** 第五屏 - 联系我们 start */
        /** 第五屏 - 联系我们 end */ }
        #app .coreCont .screList .commonS {
          width: 100%;
          height: 100%;
          position: relative; }
          #app .coreCont .screList .commonS:nth-of-type(1) {
            /** 这个是大图的轮播图区域 start */
            /** 这个是大图的轮播图区域 end */ }
          #app .coreCont .screList .commonS:nth-of-type(2) {
            background: url(../images/bg_culture.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
          #app .coreCont .screList .commonS:nth-of-type(3) {
            background: url(../images/bg_pos.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
          #app .coreCont .screList .commonS:nth-of-type(4) {
            background: url(../images/bg_about.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
          #app .coreCont .screList .commonS:nth-of-type(5) {
            background: url(../images/bg_contact.jpg) no-repeat center top;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%; }
        #app .coreCont .screList .oneScreen {
          /** 第一屏banner大图 start */
          /** 第一屏banner大图 end */ }
          #app .coreCont .screList .oneScreen .myBPic {
            /** .mark {
            	cursor: pointer;
            	div {
            		position: absolute;
            		left: 0;
            		top: 0;
            		z-index: 1000;
            		width: 50%;
            		height: 100%;
            		filter: alpha( opacity = 0 );
            		opacity: 0;
            	}
            	.mark_left {
            		background-color: #f00;
            	}
            	
            	.mark_right {
            		left: 50%;
            		background-color: #0000ED;
            	}
            } */ }
            #app .coreCont .screList .oneScreen .myBPic .myBanner ul {
              position: absolute;
              left: 0;
              top: -100px;
              z-index: 2;
              transition: .6s all;
              -webkit-transition: .6s all;
              filter: alpha(opacity=0);
              opacity: 0; }
              #app .coreCont .screList .oneScreen .myBPic .myBanner ul li {
                float: left; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(1) {
                  background: url(../images/banner1.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(2) {
                  background: url(../images/banner2.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(3) {
                  background: url(../images/banner3.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
                #app .coreCont .screList .oneScreen .myBPic .myBanner ul li:nth-of-type(4) {
                  background: url(../images/banner4.jpg) no-repeat center top;
                  background-size: 100% 100%;
                  -webkit-background-size: 100% 100%; }
            #app .coreCont .screList .oneScreen .myBPic .myBtn a {
              position: absolute;
              top: 50%;
              z-index: 1009;
              width: 66px;
              height: 66px;
              background-size: 66px 400px;
              text-indent: -999999em;
              filter: alpha(opacity=0);
              opacity: 0;
              margin-top: -33px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(1) {
                left: 33px;
                background: url(../images/icon_ico.png) no-repeat 0 -80px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(1):hover {
                background: url(../images/icon_ico.png) no-repeat 0 -150px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(2) {
                right: 33px;
                background: url(../images/icon_ico.png) no-repeat 0 -10px; }
              #app .coreCont .screList .oneScreen .myBPic .myBtn a:nth-of-type(2):hover {
                background: url(../images/icon_ico.png) no-repeat 0 -223px; }
            #app .coreCont .screList .oneScreen .myBPic .myNav {
              position: absolute;
              left: 50%;
              bottom: 0;
              z-index: 3;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              filter: alpha(opacity=0);
              opacity: 0; }
              #app .coreCont .screList .oneScreen .myBPic .myNav ul li {
                float: left;
                width: 56px;
                height: 6px;
                background-color: #7d7d7d;
                margin-right: 20px;
                cursor: pointer; }
                #app .coreCont .screList .oneScreen .myBPic .myNav ul li a {
                  float: left;
                  width: 0px;
                  height: 100%;
                  background-color: #f1c70a; }
                #app .coreCont .screList .oneScreen .myBPic .myNav ul li:last-of-type {
                  margin-right: 0; }
        #app .coreCont .screList .twoScreen {
          width: 100%;
          overflow: hidden;
          text-align: center; }
          #app .coreCont .screList .twoScreen .twoCenter .generalizations .title {
            position: absolute;
            left: 50%;
            top: 100%;
            filter: alpha(opacity=0);
            opacity: 0;
            transition: .6s top;
            -webkit-transition: .6s top;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%); }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .title h1 {
              font-weight: bold;
              font-size: 56px;
              line-height: 88px;
              font-family: "Microsoft YaHei";
              color: #ee881d; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .title span {
              font-weight: normal;
              font-size: 24px;
              font-family: "Microsoft YaHei";
              color: #868686; }
          #app .coreCont .screList .twoScreen .twoCenter .generalizations .introduction {
            padding: 0 40px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .introduction p {
              width: 1120px;
              position: absolute;
              top: -100%;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s top;
              -webkit-transition: .6s top;
              font-weight: normal;
              font-size: 24px;
              line-height: 40px;
              font-family: "Microsoft YaHei";
              color: #000; }
          #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept {
            width: 100%;
            text-align: left;
            position: relative; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:first-of-type h2 {
              position: absolute;
              left: 100%;
              top: 400px;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:first-of-type p {
              position: absolute;
              left: -100%;
              top: 450px;
              width: 800px;
              filter: alpha(opacity=100);
              opacity: 100;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:last-of-type h2 {
              position: absolute;
              left: -100%;
              top: 520px;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow:last-of-type p {
              position: absolute;
              left: 400px;
              top: 570px;
              width: 800px;
              filter: alpha(opacity=0);
              opacity: 0;
              transition: .6s left;
              -webkit-transition: .6s left; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow h2 {
              font-weight: normal;
              font-size: 30px;
              line-height: 50px;
              font-family: "Microsoft YaHei";
              color: #ef881d; }
            #app .coreCont .screList .twoScreen .twoCenter .generalizations .concept .commonShow p {
              font-weight: normal;
              font-size: 20px;
              line-height: 30px;
              font-family: "Microsoft YaHei";
              color: #000; }
        #app .coreCont .screList .threeScreen {
          width: 100%;
          overflow: hidden;
          zoom: 1; }
          #app .coreCont .screList .threeScreen .threeCenter {
            position: absolute;
            left: 50%;
            top: -100%;
            z-index: 1;
            width: 1000px;
            height: 560px;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 10px;
            margin: 0 auto;
            transition: .6s all;
            -webkit-transition: .6s all;
            filter: alpha(opacity=0);
            opacity: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%); }
            #app .coreCont .screList .threeScreen .threeCenter .joinUs {
              height: 560px;
              padding: 47px 15px;
              box-sizing: border-box;
              -webkit-box-sizing: border-box;
              position: relative;
              overflow: hidden; }
              #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn {
                position: absolute;
                left: 100%;
                top: 47px;
                z-index: 3;
                float: left;
                width: 150px;
                height: 466px;
                margin-right: 15px;
                transition: .6s left;
                -webkit-transition: .6s left;
                filter: alpha(opacity=0);
                opacity: 0; }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn a {
                  display: block;
                  width: 130px;
                  height: 40px;
                  border-radius: 30px;
                  font-weight: normal;
                  font-size: 18px;
                  line-height: 40px;
                  font-family: "Microsoft YaHei";
                  color: #fff;
                  text-align: center;
                  position: relative;
                  z-index: 2; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn a:last-of-type {
                    top: 20px; }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn span {
                  position: absolute;
                  left: 0;
                  top: 0;
                  z-index: 1;
                  display: block;
                  width: 130px;
                  height: 40px;
                  text-indent: -999999em;
                  background-color: #595a5c;
                  border-radius: 30px; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosBtn span::after {
                    content: '';
                    position: absolute;
                    right: -26px;
                    top: 14px;
                    width: 13px;
                    height: 13px;
                    border-radius: 50%;
                    background-color: #fff; }
              #app .coreCont .screList .threeScreen .threeCenter .joinUs .dividingLine {
                float: left;
                position: absolute;
                left: 164px;
                top: 100%;
                z-index: 2;
                width: 1px;
                height: 466px;
                background: url(../images/line.png) no-repeat right center;
                background-size: 1px 466px;
                text-indent: -999999em;
                filter: alpha(opacity=0);
                opacity: 0;
                transition: .6s top;
                -webkit-transition: .6s top; }
              #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont {
                position: absolute;
                left: -100%;
                z-index: 3;
                float: left;
                width: 802px;
                filter: alpha(opacity=0);
                opacity: 0;
                transition: .6s left;
                -webkit-transition: .6s left;
                /** 求职招聘分页器版块 start */
                /** .page {
                	position: absolute;
                	left: 50%;
                	bottom: -48px;
                	z-index: 99;
                	text-align: center;
                	width: 100%;
                	transform: translateX(-50%);
                	-webkit-transform: translateX(-50%);
                	a {
                		display: inline-block;
                		width: 32px;
                		height: 32px;
                		background-color: #a09fa0;
                		border-radius: 50%;
                		font-weight: normal;
                		font-size: 16px;
                		line-height: 32px;
                		color: #000;
                		margin-right: 15px;
                		&:last-of-type {
                			margin-right: 0;
                		}
                		
                		&.active {
                			background-color: #e7bf0b;
                			color: #fff;
                		}
                	}
                } */
                /** 求职招聘分页器版块 end */ }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC {
                  display: none;
                  position: relative;
                  z-index: 2;
                  filter: alpha(opacity=0);
                  opacity: 0;
                  /** 自定义滚动条 start */
                  /** 自定义滚动条 end */ }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC #scrollBar {
                    position: absolute;
                    right: -18px;
                    top: 0;
                    z-index: 22;
                    width: 8px;
                    height: 100%;
                    border-radius: 6px;
                    background-color: transparent; }
                    #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC #scrollBar #bar {
                      position: absolute;
                      top: 0;
                      left: 0;
                      z-index: 3;
                      width: 8px;
                      height: 72px;
                      border-radius: 6px;
                      background-color: #fff;
                      cursor: pointer; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont {
                    height: 466px;
                    overflow: hidden;
                    position: relative; }
                    #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos {
                      position: absolute;
                      left: 0;
                      top: -2px;
                      z-index: 1;
                      width: 802px; }
                      #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li {
                        margin-bottom: 10px;
                        padding: 0 20px;
                        box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        /** a {
                        	padding: 0 22px 0 0;
                        	box-sizing: border-box;
                        	-webkit-box-sizing: border-box;
                        	font-weight: normal;
                        	font-size: 16px;
                        	line-height: 36px;
                        	color: #f1c70a;
                        	font-family: "Microsoft YaHei";
                        	width: 16px;
                        	height: 8px;
                        	background: url(../images/arrow_down.png) no-repeat right center;
                        	background-size: 16px 8px;
                        	
                        	&.up {
                        		background-image: url(../images/arrow_up.png);
                        		background-size: 16px 8px;
                        	}
                        } */
                        /** 局部样式调整 start */
                        /** 局部样式调整 end */ }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li h1 {
                          font-weight: normal;
                          font-size: 20px;
                          font-family: "Microsoft YaHei";
                          color: #f1c70a;
                          margin-bottom: 8px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc {
                          width: 936px; }
                          #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item {
                            float: left;
                            margin-right: 170px; }
                            #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item label,
                            #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item strong {
                              font-weight: normal;
                              font-size: 16px;
                              line-height: 30px;
                              font-family: "Microsoft YaHei";
                              color: #fff; }
                            #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .myPosDesc .item:nth-of-type(4) {
                              margin-right: 186px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .jobRequirements h2 {
                          font-weight: normal;
                          font-size: 18px;
                          line-height: 32px;
                          font-family: "Microsoft YaHei";
                          color: #fff; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li .jobRequirements ul li {
                          font-weight: normal;
                          font-size: 16px;
                          line-height: 30px;
                          font-family: "Microsoft YaHei";
                          color: #fff; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li:nth-of-type(5) .myPosDesc .item:nth-of-type(2) {
                          margin-right: 162px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li:nth-of-type(5) .myPosDesc .item:nth-of-type(4) {
                          margin-right: 154px; }
                        #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .commonC .comPCont .companyPos > li:nth-of-type(1) {
                          padding-top: 0; }
                #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc {
                  padding: 0 0 0 10px;
                  box-sizing: border-box;
                  -webkit-box-sizing: border-box; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc h1 {
                    font-weight: normal;
                    font-size: 24px;
                    line-height: 32px;
                    font-family: "Microsoft YaHei";
                    color: #fff; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc h2 {
                    font-weight: normal;
                    font-size: 20px;
                    line-height: 40px;
                    font-family: "Microsoft YaHei";
                    color: #fff; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc .welfare ul li {
                    font-weight: normal;
                    font-size: 16px;
                    line-height: 30px;
                    font-family: "Microsoft YaHei";
                    color: #fff; }
                  #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc .address {
                    margin-top: 30px; }
                    #app .coreCont .screList .threeScreen .threeCenter .joinUs .myPosCont .companyDesc .address ol li {
                      font-weight: normal;
                      font-size: 16px;
                      line-height: 30px;
                      font-family: "Microsoft YaHei";
                      color: #fff; }
        #app .coreCont .screList .fourScreen .item {
          width: 100%;
          text-align: center; }
          #app .coreCont .screList .fourScreen .item .item_box {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transition: .6s top;
            -webkit-transition: .6s top;
            filter: alpha(opacity=0);
            opacity: 0; }
            #app .coreCont .screList .fourScreen .item .item_box h2 {
              font-weight: normal;
              font-size: 20px;
              line-height: 30px;
              font-family: "Microsoft YaHei";
              color: #fff; }
            #app .coreCont .screList .fourScreen .item .item_box p {
              font-weight: normal;
              font-size: 28px;
              font-family: "Microsoft YaHei";
              color: #ffd20d; }
            #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(1) {
              top: 37.5%; }
            #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(2) {
              top: 37.5%; }
              #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(2) p {
                line-height: 42px; }
            #app .coreCont .screList .fourScreen .item .item_box:nth-of-type(3) {
              top: 37.5%; }
        #app .coreCont .screList .fiveScreen .contactUs {
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -75px 0 0 -600px;
          height: 150px;
          padding: 0 100px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box; }
          #app .coreCont .screList .fiveScreen .contactUs img {
            position: absolute;
            left: 100px;
            top: 100%;
            z-index: 1;
            width: 150px;
            height: 150px;
            filter: alpha(opacity=100);
            oacity: 1; }
          #app .coreCont .screList .fiveScreen .contactUs .addr {
            position: absolute;
            left: 300px;
            top: 100%;
            z-index: 1; }
            #app .coreCont .screList .fiveScreen .contactUs .addr strong {
              position: relative;
              top: -10px;
              font-weight: normal;
              font-size: 28px;
              font-family: "Microsoft YaHei";
              color: #f7b70f; }
            #app .coreCont .screList .fiveScreen .contactUs .addr h1,
            #app .coreCont .screList .fiveScreen .contactUs .addr p,
            #app .coreCont .screList .fiveScreen .contactUs .addr span {
              font-weight: normal;
              font-size: 20px;
              line-height: 40px;
              font-family: "Microsoft YaHei";
              color: #666; }
          #app .coreCont .screList .fiveScreen .contactUs .qt {
            margin-top: 36px;
            position: absolute;
            right: 96px;
            top: 100%;
            z-index: 1; }
            #app .coreCont .screList .fiveScreen .contactUs .qt span {
              display: block;
              font-weight: normal;
              font-size: 20px;
              line-height: 40px;
              font-family: "Microsoft YaHei";
              color: #666; }
    #app .screenCircle {
      position: absolute;
      left: 13px;
      top: 50%;
      z-index: 90;
      margin: -46px 0 0 0; }
      #app .screenCircle a {
        display: block;
        width: 12px;
        height: 12px;
        background-color: #999;
        border-radius: 50%;
        text-indent: -999999em;
        margin-bottom: 10px; }
        #app .screenCircle a.active {
          background-color: #fcda06; }
        #app .screenCircle a:last-of-type {
          margin-bottom: 0; }
    #app .myFooter {
      position: fixed;
      right: 0;
      bottom: 0;
      z-index: 1002; }
      #app .myFooter .myFooterBtn a {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 2px;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        font-family: "Microsoft YaHei";
        color: #fff;
        text-align: center;
        background-color: #fff;
        padding-top: 7px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative;
        z-index: 100; }
        #app .myFooter .myFooterBtn a:first-of-type span {
          position: absolute;
          left: 7px;
          top: 9px;
          z-index: 3;
          width: 35px;
          height: 32px; }
          #app .myFooter .myFooterBtn a:first-of-type span.active {
            background: url(../images/seek_ico.png) no-repeat 0 -40px;
            background-size: 35px 70px; }
          #app .myFooter .myFooterBtn a:first-of-type span.noActive {
            background-image: transparent; }
        #app .myFooter .myFooterBtn a:last-of-type span {
          position: absolute;
          left: 7px;
          top: 10px;
          z-index: 3;
          width: 35px;
          height: 30px; }
          #app .myFooter .myFooterBtn a:last-of-type span.active {
            background: url(../images/seek_ico.png) no-repeat 0 0;
            background-size: 35px 70px; }
          #app .myFooter .myFooterBtn a:last-of-type span.noActive {
            background-image: transparent; }
      #app .myFooter .myCont {
        position: relative; }
        #app .myFooter .myCont .zeek {
          width: 140px;
          height: 167px;
          position: absolute;
          right: 50px;
          /** 0 - -158px */
          bottom: -158px;
          background-color: #face09;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          filter: alpha(opacity=0);
          opacity: 0; }
          #app .myFooter .myCont .zeek img {
            position: absolute;
            left: 20px;
            top: 17px;
            z-index: 10;
            width: 100px;
            height: 100px; }
        #app .myFooter .myCont .ky-zeek strong {
          position: absolute;
          /** rgiht: -140px - 50 */
          right: -140px;
          bottom: 0;
          z-index: 2;
          width: 140px;
          height: 50px;
          white-space: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 50px;
          font-family: "Microsoft YaHei";
          color: #fff;
          background-color: #face09;
          text-align: center;
          filter: alpha(opacity=0);
          opacity: 0;
          letter-spacing: 1px; }
        #app .myFooter .myCont .phone {
          position: absolute;
          /** -128 - 50 */
          right: -128px;
          bottom: 50px;
          z-index: 9;
          width: 140px;
          padding: 0 0 0 8px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          background-color: #face09;
          filter: alpha(opacity=0);
          opacity: 0; }
          #app .myFooter .myCont .phone a {
            white-space: nowrap;
            font-weight: normal;
            font-size: 18px;
            line-height: 50px;
            font-family: "Microsoft YaHei";
            color: #fff; }
    #app .myMask {
      width: 100%;
      height: 100%; }
      #app .myMask div {
        position: absolute;
        left: 0;
        z-index: 1002;
        width: 100%;
        height: 50%;
        transition: 1s;
        -webkit-transition: 1s;
        background-color: #f3e0b0; }
        #app .myMask div:first-of-type {
          top: 0; }
        #app .myMask div:last-of-type {
          bottom: 0; }
    #app .loading {
      /** 通过calc来实现绝对居中 start */
      position: absolute;
      left: calc(50% - 60px);
      top: calc(50% - 70px);
      z-index: 1003;
      /** 通过calc来实现绝对居中 end */
      width: 120px;
      height: 140px; }
      #app .loading .pic {
        width: 120px;
        height: 100px;
        background: url(../images/loading1.png) no-repeat;
        position: relative;
        animation: 1s translateY infinite alternate linear;
        -webkit-animation: 1s translateY infinite alternate linear; }
        #app .loading .pic div {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 991;
          width: 120px;
          height: 100px; }
        #app .loading .pic .pic2 {
          background: url(../images/loading2.png) no-repeat;
          animation: 1s rotate1 infinite linear;
          -webkit-animation: 1s rotate1 infinite linear; }
        #app .loading .pic .pic3 {
          background: url(../images/loading3.png) no-repeat;
          animation: 1s rotate2 infinite linear;
          -webkit-animation: 1s rotate2 infinite linear; }
        #app .loading .pic .text {
          font-weight: normal;
          font-size: 18px;
          line-height: 100px;
          font-family: "Microsoft YaHei";
          color: #f1c70a;
          text-align: center; }
      #app .loading .shadow {
        width: 100px;
        height: 40px;
        margin: 0 auto;
        background: radial-gradient(contain, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        background: -webkit-radial-gradient(contain, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        -webkit-transform: scale(0.8);
        opacity: .5;
        filter: alpha(opacity=50);
        animation: 1s shadow infinite alternate linear;
        -webkit-animation: 1s shadow infinite alternate linear; }
  @-webkit-keyframes rotate1 {
    0% {
      -webkit-transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(-360deg); } }
  @keyframes rotate1 {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(-360deg); } }
  @-webkit-keyframes rotate2 {
    0% {
      -webkit-transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg); } }
  @keyframes rotate2 {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(360deg); } }
  @-webkit-keyframes translateY {
    0% {
      -webkit-transform: translateY(0px); }
    100% {
      -webkit-transform: translateY(7px); } }
  @keyframes translateY {
    0% {
      transform: translateY(0px); }
    100% {
      transform: translateY(7px); } }
  @-webkit-keyframes shadow {
    0% {
      -webkit-transform: scale(0.8);
      filter: alpha(opacity=50);
      opacity: .5; }
    100% {
      -webkit-transform: scale(1);
      filter: alpha(opacity=100);
      opacity: 1; } }
  @keyframes shadow {
    0% {
      transform: scale(0.8);
      filter: alpha(opacity=50);
      opacity: .5; }
    100% {
      transform: scale(1);
      filter: alpha(opacity=100);
      opacity: 1; } }
    #app .myArrow {
      position: absolute;
      left: calc( 50% - 30px );
      bottom: 80px;
      z-index: 9876543;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      filter: alpha(opacity=0);
      opacity: 0;
      transition: .6s bottom;
      -webkit-transition: .6s bottom; }
      #app .myArrow a {
        position: absolute;
        left: 15px;
        top: 12px;
        z-index: 9876544;
        display: block;
        width: 30px;
        height: 30px;
        background: url(../images/arrow_ico.png) no-repeat;
        background-size: 30px 30px;
        text-indent: -999999em;
        filter: alpha(opacity=0);
        opacity: 0;
        animation: 1s arrowMoveDown infinite;
        -webkit-animation: 1s arrowMoveDown infinite; }
  @-webkit-keyframes arrowMoveUp {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translate(0, -8px); } }
  @keyframes arrowMoveUp {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      transform: translate(0, -8px); } }
  @-webkit-keyframes arrowMoveDown {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translate(0, 8px); } }
  @keyframes arrowMoveDown {
    0% {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translate(0, 0); }
    100% {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translate(0, 8px); } } }
